	<section>
		<div class="container">	

			<div class="row pagetitle">
				<div class="col-xs-12">
					<h2>Rent a car page</h2>	
				</div>
			</div>	

			<!-- Adjust Search Results -->
			<div class="row">
				<div class="col-xs-12" >
					<form role="form" class="row form-search form-inline">
						<h3>Adjust Search Results</h3>

						<div class="col-xs-12 group-options">
							<div class="form-group select">
								<label for="marker">Car Marker:</label>
								<select class="form-control" id="marker">
									<option>-SELECT-</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5</option>
								</select>
							</div>

							<div class="form-group select">
								<label for="model">Model:</label>
								<select class="form-control" id="model">
								<option>-SELECT-</option>
								<option>2</option>
								<option>3</option>
								<option>4</option>
								<option>5</option>
								</select>
							</div>

							<div class="form-group select">
								<label for="regist">Regist. from:</label>
								<select class="form-control" id="regist">
								<option>-2013-</option>
								<option>2</option>
								<option>3</option>
								<option>4</option>
								<option>5</option>
								</select>
							</div>				
						</div>

						<div class="col-xs-12 group-options check">
							<p>Vehicle Type:</p>
							<label class="checkbox-inline">
							<input type="checkbox" id="vtype_compact" value="vtype_compact"> Compact Cars (32)
							</label>
							<label class="checkbox-inline">
							<input type="checkbox" id="vtype_suvs" value="vtype_suvs"> SUVs &amp; Pickups (49)
							</label>
							<label class="checkbox-inline">
							<input type="checkbox" id="vtype_estate" value="vtype_estate"> Estate Saloons (31)
							</label>
							<label class="checkbox-inline">
							<input type="checkbox" id="vtype_sport" value="vtype_sport"> Sports Cars (23)
							</label>
							<label class="checkbox-inline">
							<input type="checkbox" id="vtype_val" value="vtype_val"> Van &amp; Minibus (46)
							</label>
						</div>

						<div class="col-xs-12 group-options">
							<div class="slider-range" id="slider-price">
							<label >Price Range:</label>

							<input type="text" class="input_range min sr-only" value="5000">
							<input type="text" class="input_range max sr-only" value="60000">

							<span class="span_range min">$ 5000</span>
							<span class="span_range max">$ 60000</span>

							<div class="slider"></div>
							</div>

							<div class="slider-range" id="slider-km">
								<label >Mileage:</label>

								<input type="text" class="input_range min sr-only" value="50000">
								<input type="text" class="input_range max sr-only" value="400000">

								<span class="span_range min">50000 mi</span>
								<span class="span_range max">400000 mi</span>

								<div class="slider"></div>
							</div>

							<div class="clearfix"></div>
						</div>

						<div class="col-xs-12 group-options check">
							<p>Fuel Type:</p>
							<label class="checkbox-inline">
							<input type="checkbox" id="ftype_petrol" value="ftype_petrol"> Petrol (32)
							</label>
							<label class="checkbox-inline">
							<input type="checkbox" id="ftype_diesel" value="ftype_diesel"> Diesel (49)
							</label>
							<label class="checkbox-inline">
							<input type="checkbox" id="ftype_ngas" value="ftype_ngas"> Natural Gas (56)
							</label>
							<label class="checkbox-inline">
							<input type="checkbox" id="ftype_lpg" value="ftype_lpg"> LPG (31)
							</label>
							<label class="checkbox-inline">
							<input type="checkbox" id="ftype_electric" value="ftype_electric"> Electric (23)
							</label>
							<label class="checkbox-inline">
							<input type="checkbox" id="ftype_hybrid" value="ftype_hybrid"> Hybrid (46)
							</label>
						</div>

						<div class="col-xs-12 group-options check">
							<p>Engine size:</p>
							<label class="checkbox-inline">
							<input type="checkbox" id="engine_15" value="engine_15"> 1.1-1.5 (32)
							</label>
							<label class="checkbox-inline">
							<input type="checkbox" id="engine_20" value="engine_20"> 1.6-2.0 (49)
							</label>
							<label class="checkbox-inline">
							<input type="checkbox" id="engine_30" value="engine_30"> 2.1-3.0 (56)
							</label>
							<label class="checkbox-inline">
							<input type="checkbox" id="engine_40" value="engine_40"> 3.1-4.0 (31)
							</label>
							<label class="checkbox-inline">
							<input type="checkbox" id="engine_41" value="engine_41"> 4.1 + (23)
							</label>
						</div>

						<div class="col-xs-12 group-options check">
							<p>Car Colour:</p>
							<label class="checkbox-inline">
							<input type="checkbox" id="colour_silver" value="colour_silver"> Silver (32)
							</label>
							<label class="checkbox-inline">
							<input type="checkbox" id="colour_black" value="colour_black"> Black (49)
							</label>
							<label class="checkbox-inline">
							<input type="checkbox" id="colour_brown" value="colour_brown"> Brown (56)
							</label>
							<label class="checkbox-inline">
							<input type="checkbox" id="color_white" value="color_white"> White (31)
							</label>
							<label class="checkbox-inline">
							<input type="checkbox" id="color_red" value="color_red"> Red (23)
							</label>
							<label class="checkbox-inline">
							<input type="checkbox" id="colour_other" value="colour_other"> Other (46)
							</label>
						</div>

						<div class="col-md-12 group-options">
							<button type="submit" class="btn">search <i class="icon-search"></i></button>
						</div>
					</form>
				</div>
			</row> 
			<!-- end Adjust Search Results -->
						
			<!-- Search Result -->
			<div class="row">
				<div class="col-xs-12" >
						<h2>Search Result</h2>

						<div class="grid">
                                                    
                                                   
                                                    <?php foreach ($stocks as $stock): ?>
                                                    
                                                   <div class="item-grid">
                                                            <div class="ribbon red"><span>new offer</span></div>
                                                            <div style="display:block;" class="more noMore" href="#">
                                                            <div class="p-overlay">
                                                                <h3><?php echo $stock['Make']['make_name']; ?> <?php echo $stock['ModelDesc']['model_desc']; ?></h3>

                                                                <ul>
                                                                    <li><?php echo $this->Html->link('More info',array('action'=>'view','controller'=>'stocks',$stock['Stock']['id']));?></li>
                                                                    <li><a href="#">Add to wish list ›</a></li>
                                                                    <li><a href="#">Add to compare ›</a></li>
                                                                </ul>
                                                           </div>
                                                           </div>
                                                            <?php echo $this->html->image('rent/rent01.jpg');   ?>
                                                           
                                                            <p><?php echo $stock['Stock']['year']; ?> <?php echo $stock['Make']['make_name']; ?> <span>$<?php if(isset($stock['Stock']['selling_price']) && !empty($stock['Stock']['selling_price'])) echo $stock['Stock']['selling_price']; else echo"0"; ?></span></p>
                                                    </div>
                                                        <?php endforeach; ?>
							
						</div>
				</div>
			</row>
			<!-- end Search Result -->	
			
			<!-- Pagination -->
			<div class="row">
				<div class="col-xs-12">	
                                   <?php echo $this->element('paginator'); ?>
						
				</div>
			</div>
			<!-- end Pagination -->	
			
			<!-- Our Services -->
			<div class="row services">
				<div class="col-xs-12">									
					<h2>Our Services</h2>
					<div id="carousel-services" class="carousel slide">
						<!-- Controls -->
						<a class="carousel-control prev" href="#carousel-services" data-slide="prev">
							<i class="icon-left-open-mini"></i>
						</a>
						<a class="carousel-control" href="#carousel-services" data-slide="next">
							<i class="icon-right-open-mini"></i>
						</a>

						<!-- Wrapper for slides -->
						<div class="carousel-inner">
						<div class="item active">
							<div class="services-item">
								<div class="ico">
									<span class="glyphicon glyphicon-cog"></span>
								</div>
								<strong>Responsive Design</strong>
								Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
							</div>

							<div class="services-item">
								<div class="ico">
									<span class="glyphicon glyphicon-comment"></span>
								</div>
								<strong>Responsive Design</strong>
								Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
							</div>

							<div class="services-item">
								<div class="ico">
									<span class="glyphicon glyphicon-eye-open"></span>
								</div>
								<strong>Responsive Design</strong>
								Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
							</div>

							<div class="services-item">
								<div class="ico">
									<span class="glyphicon glyphicon-globe"></span>
								</div>
								<strong>Responsive Design</strong>
								Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
							</div>

							<div class="services-item">
								<div class="ico">
									<span class="glyphicon glyphicon-screenshot"></span>
								</div>
								<strong>Responsive Design</strong>
								Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
							</div>

							<div class="services-item">
								<div class="ico">
									<span class="glyphicon glyphicon-screenshot"></span>
								</div>
								<strong>Responsive Design</strong>
								Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
							</div>
						</div>
						<div class="item">

							<div class="services-item">
								<div class="ico">
									<span class="glyphicon glyphicon-eye-open"></span>
								</div>
								<strong>Responsive Design</strong>
								Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
							</div>

							<div class="services-item">
								<div class="ico">
									<span class="glyphicon glyphicon-globe"></span>
								</div>
								<strong>Responsive Design</strong>
								Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
							</div>

							<div class="services-item">
								<div class="ico">
									<span class="glyphicon glyphicon-cog"></span>
								</div>
								<strong>Responsive Design</strong>
								Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
							</div>

							<div class="services-item">
								<div class="ico">
									<span class="glyphicon glyphicon-comment"></span>
								</div>
								<strong>Responsive Design</strong>
								Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
							</div>
							
							<div class="services-item">
								<div class="ico">
									<span class="glyphicon glyphicon-screenshot"></span>
								</div>
								<strong>Responsive Design</strong>
								Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
							</div>

							<div class="services-item">
								<div class="ico">
									<span class="glyphicon glyphicon-screenshot"></span>
								</div>
								<strong>Responsive Design</strong>
								Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
							</div>
						</div>

						
						</div>


					</div>
				</div>
			</div>	
			<!-- end Our Services -->

		</div>
	</section>




<script>
    
    function initSliderRange(element, pre, app, min, max, step, val, tooltip) {
	element.slider({
			range: true,
			min: min,
			max: max,
			value : val,
			step: step,
			tooltip: tooltip,
		})
		.on('slide', function(ev){
			$(this).parent().parent().find('.input_range.min').val(ev.value[0])
			$(this).parent().parent().find('.span_range.min').html(pre + ev.value[0] + app)
                        

			$(this).parent().parent().find('.input_range.max').val(ev.value[1])
			$(this).parent().parent().find('.span_range.max').html(pre + ev.value[1] + app)
		});
}
    
    
    </script>
